.page-one-box {
  position: relative;
  width: 640px;
  padding-top: 913px;
  overflow: hidden;
  .share-btn {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 72px;
    height: 72px;
    z-index: 100;
    background: url("../img/icon.share.png") no-repeat 0 0;
  }
  .back-btn {
    position: absolute;
    left: 32px;
    top: 32px;
    width: 72px;
    height: 72px;
    z-index: 100;
    background: url("../img/icon.back.png") no-repeat 0 0;
  }
  .icon-circle {
    display: block;
    position: absolute;
    top: 165px;
    left: 0;
    width: 640px;
    height: 640px;
    background: url("../img/icon.circle.png") no-repeat 0 0;
  }
  .icon-line {
    display: block;
    position: absolute;
    top: 781px;
    left: 0;
    width: 640px;
    height: 234px;
    background: url("../img/icon.line.png") no-repeat 0 0;
  }
  .act-intro {
    padding: 0 44px 0 24px;
    .intro-title {
      line-height: 60px;
      font-size: 36px;
      color: #ff7a00;
    }
    .intro-content {
      color: #FFF;
      font-size: 30px;
      dt {
        margin-top: 30px;
        line-height: 50px;
      }
      dd {
        padding-left: 58px;
        line-height: 48px;
      }
    }
  }
  .download-btn {
    display: block;
    margin-top: 15px;
    width: 640px;
    height: 328px;
    background: url("../img/icon.download.png") no-repeat 0 0;
  }
  .create-btn {
    display: block;
    margin-top: 15px;
    width: 640px;
    height: 328px;
    background: url("../img/icon.create.png") no-repeat 0 0;
  }
  .search-filter {
    padding: 0 55px;
    .filter-list {
      overflow: hidden;
      >li {
        float: left;
        margin-bottom: 30px;
        margin-right: 30px;
        &:nth-child(1) {
          margin-right: 448px;
        }
        &:nth-child(6), &:nth-child(11) {
          margin-right: 0px;
        }
        a {
          display: inline-block;
          width: 80px;
          height: 80px;
          border-radius: 40px;
          background: red;
          &.icon-all {
            background: url("../img/icon.all.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.all.cur.png") no-repeat 0 0;
            }
          }
          &.icon-child {
            background: url("../img/icon.child.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.child.cur.png") no-repeat 0 0;
            }
          }
          &.icon-driven {
            background: url("../img/icon.driven.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.driven.cur.png") no-repeat 0 0;
            }
          }
          &.icon-photo {
            background: url("../img/icon.photo.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.photo.cur.png") no-repeat 0 0;
            }
          }
          &.icon-food {
            background: url("../img/icon.food.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.food.cur.png") no-repeat 0 0;
            }
          }
          &.icon-public {
            background: url("../img/icon.public.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.public.cur.png") no-repeat 0 0;
            }
          }
          &.icon-movie {
            background: url("../img/icon.movie.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.movie.cur.png") no-repeat 0 0;
            }
          }
          &.icon-music {
            background: url("../img/icon.music.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.music.cur.png") no-repeat 0 0;
            }
          }
          &.icon-outdoor {
            background: url("../img/icon.outdoor.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.outdoor.cur.png") no-repeat 0 0;
            }
          }
          &.icon-fashion {
            background: url("../img/icon.fashion.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.fashion.cur.png") no-repeat 0 0;
            }
          }
          &.icon-startup {
            background: url("../img/icon.startup.png") no-repeat 0 0;
            &.cur {
              background: url("../img/icon.startup.cur.png") no-repeat 0 0;
            }
          }
        }
      }
    }
  }

}